<template>
  <div class="custom-container">
    <loginPopup v-model="showLoginPopup"/>
  </div>
</template>

<script>
    import loginPopup from '@/components/loginPopup/loginPopup';

    export default {
        name: "Login",
        components: {
            loginPopup
        },
        data() {
            return {
                showLoginPopup: false,
            }
        },
        methods: {},
        mounted() {
            setTimeout(() => {
                this.showLoginPopup = true;
            }, 500);
        }
    }
</script>

<style lang="scss" scoped>
  .custom-container {
    width: 100vw;
    height: 100%;
    box-sizing: border-box;
    background-image: url(https://static.zhihu.com/heifetz/assets/sign_bg.db29b0fb.png);
    background-repeat: no-repeat;
    background-color: #b8e5f8;
    background-size: cover;
  }
</style>